<template>
  <div>
    <div class="plan_sectons">
      <othper
        @list_dynamic="listDynamic"
        @list_visitor="listVistor"
        @list_Myvisitor="listMyvisitor"
        @album="album_album"
        @list_Mevisitor="listMevisitor"
        @list_mythumb="listMythumb"
        @upgrade="upgrade_upgrade"
      />
     
      <albums v-if="seled_titles == 7"/>
      <!-- //好友动态 -->
      <OthDyamic
        v-if="seled_titles!==7"
        @friend_dy="friendDy"
        @ononline="online_lines"
      />
      



      <!-- 他人的最近动态 -->
      <my-dynamics
        v-if="seled_titles == 3"
        @editorContent="publish_dyanamics"
      />
      <!-- //点击去聊天 -->
      <!-- 屏蔽此用户 -->
      <!-- -->
    </div>
    <release-dy v-if="Publish_pop" @closes="close_cloe" />
  </div>
</template>
<script>
//<release-dy/>
import releaseDy from "../../components/ReleaseDynamics.vue";
import othper from "../../components/OtherPerson.vue";
// 最近动态
import OthDyamic from "../../components/OtherDyamic.vue";
import albums from "../../components/AlbumSurvey.vue"
export default {
  name: "otherPage",
  components: {
    releaseDy,
    othper,
    OthDyamic,
    albums
  },
  data: () => ({
    seled_titles: 1,
    Publish_pop: false,
  }),
  methods: {
    friendDy() {
      // this.$layer.msg('friend_dynamics');
    },
    online_lines() {
      // this.$layer.msg('ononline');
    },
    //好友动态
    listDynamic(e) {
      this.seled_titles = e;
    },
    //我的访客
    listVistor(e) {
      this.seled_titles = e;
    },
    //我的动态
    listMyvisitor(e) {
      this.seled_titles = e;
    },
    //相册
    album_album(e){
     this.seled_titles = e;
    }, 
    //屏蔽
    listMevisitor(e){
     this.seled_titles = e;
    },
    //翻译包
    listMythumb(e){
     this.seled_titles = e;
    },
    //升级会员
    upgrade_upgrade(e){
     this.seled_titles = e;
    },
    publish_dyanamics() {
      this.Publish_pop = true;
    },
    close_cloe() {
      this.Publish_pop = false;
    },
    Close_box(){
      this.seled_titles=1
    }
  },
};
</script>
<style scoped>
.plan_sectons {
  display: flex;
  width: 65%;
  margin: 0 auto;
  justify-content: space-between;
}
</style>